<template>
  <div>
    <!-- <input type="text" v-gofocus /> -->
    <input type="text" v-focus />
    <p v-color="colorStr">修改了文字颜色</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      colorStr: "red",
    };
  },
  // 创建自定义指令
  // 全局 / 局部
  // 2. 在标签上使用自定义指令 v-指令名
  //   注意：
  // inserted方法 - 指令所在标签，被插入到网页上触发
  directives: {
    focus: {
      inserted(el) {
        el.focus();
      },
    },
  },
};
</script>

<style>
</style>